<!DOCTYPE html>
<html lang="en">
     <head>
     <title>Blog</title>
     <meta charset="utf-8">
     <meta name = "format-detection" content = "telephone=no" />
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
     <link rel="stylesheet" href="css/stuck.css">
     <script src="js/jquery-1.11.1.min.js"></script>
     <script src="js/jquery-migrate-1.2.1.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/jquery.equalheights.js"></script>
	 <script src="js/script.js"></script>
     <script src="js/superfish.js"></script>
     <script src="js/jquery.mobilemenu.js"></script>
     <script src="js/tmStickUp.js"></script>
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script src="js/html5shiv.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
     </head>
     <body>
<!--============================== Header =================================-->
<header>
    <div class="header_bg"></div>
    <div class="header_bg-img header_bg-img_sub"></div>
    <div class="container">
        <h1><a href="index.html"><img src="images/logo.png" alt="Brand Logo"></a></h1>
        <div class="social">
            <ul>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
        </div>
        <div class="menu-sep"></div>
        <div class="search">
            <form id="search" action="search.php" method="GET" accept-charset="utf-8">
                <label>
                   <input type="text" name="s" value="" onblur="if(this.value == '') { this.value=''}" onfocus="if (this.value == '') {this.value=''}" />
                   <a onclick="document.getElementById('search').submit()"><i class="fa fa-search"></i></a>                        
                </label>
            </form>
        </div>
    </div>
    <div id="stuck_container">
        <div class="menu_bg"></div>
        <div class="container menu">
            <ul class="sf-menu">
                <li class="sf-first">
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index.html">About</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-1.html">Motivators</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-2.html">Products</a>                   
                    <ul>
                        <li><a href="#">Vestibulum iaculis</a></li>
                        <li><a href="#">Fusce euismod conuat</a>
                            <ul>
                                <li><a href="#">Pellentesque sed</a></li>
                                <li><a href="#">Aliquam congue ferm</a></li>
                                <li><a href="#">Mauris accum</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Pellentesque</a>
                   </ul>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-3.html">FAQ</a> 
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-4.html">Contacts</a>
                </li>
                <li class="current">
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-5.html">Blog</a>
                </li>
            </ul>
            <ul class="login-menu login-menu__sub">
                <li><a href="#">login</a></li>
                <li><a href="#">help</a></li>
                <li><a href="#">newsletter signup</a></li>
            </ul>
        </div>        
    </div>
</header>

<!--======= Content ================================-->


<!--======= Blog & A-Side =======-->
<div class="content blog">
    <div class="container">
        <div class="row">
            <div class="grid_8">
                <h3>Blog</h3>
                <div class="post">
                    <div class="row">
                        <div class="grid_1 post_date">
                            <time datetime="2014-12-17"><span class="post_date_day">17</span><span class="post_date_month">dec, 2014</span></time>
                        </div>
                        <div class="grid_7">
                            <h4 class="post_title"><a href="#">Aenean nonummy hendrerit</a></h4>
                            <div class="row">
                                <div class="grid_3 post_sub-title">
                                    <span><a href="#">By admin</a></span>
                                    <div class="post_sub-title_sep"></div>
                                    <span><a href="#">Web, news</a></span>
                                    <div class="post_sub-title_sep"></div>
                                    <span><a href="#">2 comments</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="grid_4 post_img">
                            <a href="#"><img src="images/page-6_img-1.jpg" alt=""></a>
                        </div>
                        <div class="grid_4 post_text">
                            <h4><a href="#">Molestie lacus Aenean nonummy hendrerit mauris Phasel lus.</a></h4>
                            <p class="p__indent-1">Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet.</p>
                            <p class="p__indent-2">Consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat.</p>
                            <a href="#" class="link">
                                <span class="link_text">Read More</span>
                                <span class="link_arrow">>></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="post">
                    <div class="row">
                        <div class="grid_1 post_date">
                            <time datetime="2014-12-15"><span class="post_date_day">15</span><span class="post_date_month">dec, 2014</span></time>
                        </div>
                        <div class="grid_7">
                            <h4 class="post_title"><a href="#">mauris Phasellus porta Fusce</a></h4>
                            <div class="row">
                                <div class="grid_3 post_sub-title">
                                    <span><a href="#">By admin</a></span>
                                    <div class="post_sub-title_sep"></div>
                                    <span><a href="#">Web, news</a></span>
                                    <div class="post_sub-title_sep"></div>
                                    <span><a href="#">2 comments</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="grid_4 post_img">
                            <a href="#"><img src="images/page-6_img-2.jpg" alt=""></a>
                        </div>
                        <div class="grid_4 post_text">
                            <h4><a href="#">Fusce suscipit varius mi Cum sociis natoque penatibus et. </a></h4>
                            <p class="p__indent-1">Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet. Consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel.</p>
                            <p class="p__indent-2">Cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                            <a href="#" class="link">
                                <span class="link_text">Read More</span>
                                <span class="link_arrow">>></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="post post__last">
                    <div class="row">
                        <div class="grid_1 post_date">
                            <time datetime="2014-12-12"><span class="post_date_day">12</span><span class="post_date_month">dec, 2014</span></time>
                        </div>
                        <div class="grid_7">
                            <h4 class="post_title"><a href="#">suscipit varius mi Cum sociis</a></h4>
                            <div class="row">
                                <div class="grid_3 post_sub-title">
                                    <span><a href="#">By admin</a></span>
                                    <div class="post_sub-title_sep"></div>
                                    <span><a href="#">Web, news</a></span>
                                    <div class="post_sub-title_sep"></div>
                                    <span><a href="#">2 comments</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="grid_4 post_img">
                            <a href="#"><img src="images/page-6_img-3.jpg" alt=""></a>
                        </div>
                        <div class="grid_4 post_text">
                            <h4><a href="#">magnis dis parturient montes, nascetur ridiculus mus.</a></h4>
                            <p class="p__indent-1">Lorem ipsum dolor sit amet. Consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel. Cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. </p>
                            <p class="p__indent-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. </p>
                            <a href="#" class="link">
                                <span class="link_text">Read More</span>
                                <span class="link_arrow">>></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid_4 a-side">
                <div class="">
                    <h3>categories</h3>
                    <ul class="list">
                        <li><a href="#">Aenean nonummy hendrerit mauris phasellus</a></li>
                        <li><a href="#">Fusce suscipit varius micum sociis natoque</a></li>
                        <li><a href="#">Malesuada odio morbi nunc odio gravida at </a></li>
                        <li><a href="#">Penatibus et magnis dis parturient montes nas</a></li>
                        <li><a href="#">Cetur ridiculus mus fusce feugiat malesuada odio</a></li>
                        <li><a href="#">Morbi nunc odio gravida at cursus nec luctus</a></li>
                        <li><a href="#">Maecenas tristique orci ac sem duis ultricies</a></li>
                        <li><a href="#">Pharetra magna donec accumsan malesuada</a></li>
                        <li><a href="#">Donec sit amet eros lorem ipsum dolor sit</a></li>
                        <li><a href="#">Amet consectetuer adipiscing elit mauris</a></li>
                        <li><a href="#">Fermentum dictum magna sed laoreet aliqu</a></li>
                    </ul>                    
                </div>
                <h3>RECENT POSTS</h3>
                <div class="a-side_block">
                    <div class="row">
                        <div class="grid_2"><img src="images/page-6_img-4.jpg" alt=""></div>
                        <div class="grid_2">
                            <h4><a href="#">Donec sit amet</a></h4>
                            <p>Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus.</p>
                        </div>
                    </div>
                </div>
                <div class="a-side_block">
                    <div class="row">
                        <div class="grid_2"><img src="images/page-6_img-5.jpg" alt=""></div>
                        <div class="grid_2">
                            <h4><a href="#">eros Lor em</a></h4>
                            <p>Adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna.</p>
                        </div>
                    </div>
                </div>
                <div class="a-side_block">
                    <div class="row">
                        <div class="grid_2"><img src="images/page-6_img-6.jpg" alt=""></div>
                        <div class="grid_2">
                            <h4><a href="#">psum dolor sit</a></h4>
                            <p>Ut tellus dolor, dapibus eget, elementum vel, cursus leife ndelit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--======= Footer =================================-->

<footer>
    <div class="info-col">
        <div class="container">
            <div class="row">
                <div class="grid_3">
                    <ul>
                        <li><h4>About us</h4></li>
                        <li><a href="index.html">About</a></li>
                        <li><a href="index-1.html">Motivators</a></li>
                        <li><a href="index-2.html">Products</a></li>
                        <li><a href="index-3.html">FAQ</a></li>
                        <li><a href="index-4.html">Contacts</a></li>
                        <li class="current"><a href="index-5.html">Blog</a></li>                        
                    </ul>
                </div>
                <div class="grid_4 preffix_1">
                    <ul>
                        <li><h4>Find more</h4></li>
                        <li><a href="#">Print this page</a></li>
                        <li><a href="#">YouTube Channel</a></li>
                        <li><a href="#">Formatted for iPhone</a></li>
                        <li><a href="#">Formatted for other mobile devices</a></li>
                        <li><a href="#">Special Features</a></li>
                        <li><a href="#">Make a donation</a></li>                        
                    </ul>
                </div>
                <div class="grid_3 preffix_1">
                    <h4>Get it touch</h4>
                    <p>8901 Marmora Road</p>
                    <p>Glasgow, DO4 89GR.</p>
                    <p><span>Freephone:</span>+1 800 559 6580</p>
                    <p><span>Telephone:</span>+1 959 603 6035</p>
                    <p><span>FAX:</span>+ 1 504 889 9898</p>
                    <p class="mail">E-mail: <a href="mailto:mail@demolink.org">mail@demolink.org</a></p>
                </div>
            </div>            
        </div>
    </div>
    <div class="pr-policy">
        <span>The Daily Motivator </span>
        &copy;
        <span id="copyright-year"> </span> 
        <a href="index-6.html"> Privacy Policy</a>
    </div>          
</footer>

<!--======= To Top Button =================================-->
<a href="#" id="toTop">
    <i class="fa fa-arrow-circle-up"></i>
</a>

</body>
</html>